<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>小朋友们最爱的animals</title>
</head>
<style>
	body{background-color: cadetblue;}
	.A1{width: 50rem;margin: 0 auto;height: 100px;background: indianred;}
    *{padding: 0;margin: 0;}  
    .wrap{width: 800px;margin: 0 auto;}   
    .clear{clear: both;} 
    a{text-decoration-line: none;}   
    ul,li{list-style: none;}
    nav .level>li{float: left;width: 16.66%;text-align: center;background: bisque;padding: 10px 0;font-size: 16px;transition: .4s;}
    nav .level>li a{color: black;}
    nav .level>li:hover{background: red;}  

    nav .two{display: none;margin-top: 10px;}  
    nav .level>li:hover .two{display: block;}   
    nav .two li{padding: 5px 0;transition: .4s;cursor: pointer;}
    nav .two li:hover{background: pink;}
	#q1{font-size: 60px;font-family: 微软雅黑;}
	.z1{width: 1350px;height: 400px;margin-left: 100px;background-color: bisque;margin-top: 200px;}
	.x1{width: 80px;height: 20px;background-color: yellowgreen;border: #FF0000;border-style: dotted;}
	.x2{width: 80px;height: 20px;background-color: yellowgreen;}
	.x3{width: 80px;height: 20px;background-color: yellowgreen;}
	.x4{width: 80px;height: 20px;background-color: yellowgreen;}
	.x5{width: 80px;height: 20px;background-color: yellowgreen;}
	.z2{width: 1350px;height: 400px;margin-left: 100px;background-color: bisque;margin-top: 100px;}
	.z3{width: 1350px;height: 400px;margin-left: 100px;background-color: bisque;margin-top: 100px;}
	.z4{width: 1350px;height: 400px;margin-left: 100px;background-color: bisque;margin-top: 100px;}
	.z5{width: 1350px;height: 400px;margin-left: 100px;background-color: bisque;margin-top: 100px;}
	.z6{width: 1350px;height: 400px;margin-left: 100px;background-color: bisque;margin-top: 100px;}
	.c1{width: 450px;height: 100px;background-color: #CD5C5C;}
	.c2{width: 450px;height: 275px;background-color: aliceblue;background-image: url(./img/雪地三傻.png);background-size: cover;}
	.c3{width: 450px;height: 100px;background-color: red;margin-left: 450px;margin-top: -375px;}
	.c4{width: 450px;height: 275px;margin-top: aliceblue;margin-left: 450px;background-image: url(./img/jinmao_WPS图片.jpg);background-size: cover;}
	.c5{width: 450px;height: 100px;background-color: #CD5C5C;margin-left: 900px;margin-top: -375px;}
	.c6{width: 450px;height: 275px;margin-top: aliceblue;margin-left: 900px;background-image: url(./img/chaiquan.jpg);background-size: cover;}
	.b1{width: 450px;height: 100px;background-color: #CD5C5C;}
	.b2{width: 450px;height: 275px;background-color: aliceblue;background-image: url(./img/buomao.jpg);background-size: cover;}
	.b3{width: 450px;height: 100px;background-color: red;margin-left: 450px;margin-top: -375px;}
	.b4{width: 450px;height: 275px;margin-top: aliceblue;margin-left: 450px;background-image: url(./img/bosi.jpg);background-size: cover;}
	.b5{width: 450px;height: 100px;background-color: #CD5C5C;margin-left: 900px;margin-top: -375px;}
	.b6{width: 450px;height: 275px;margin-top: aliceblue;margin-left: 900px;background-image: url(./img/tom.jpg);background-size: cover;}
	.d1{width: 450px;height: 100px;background-color: #CD5C5C;}
	.d2{width: 450px;height: 275px;background-color: aliceblue;background-image: url(./img/1.jpg);background-size: cover;}
	.d3{width: 450px;height: 100px;background-color: red;margin-left: 450px;margin-top: -375px;}
	.d4{width: 450px;height: 275px;margin-top: aliceblue;margin-left: 450px;background-image: url(./img/2.jpg);background-size: cover;}
	.d5{width: 450px;height: 100px;background-color: #CD5C5C;margin-left: 900px;margin-top: -375px;}
	.d6{width: 450px;height: 275px;margin-top: aliceblue;margin-left: 900px;background-image: url(./img/3.jpg);background-size: cover;}
	.e1{width: 450px;height: 100px;background-color: #CD5C5C;}
	.e2{width: 450px;height: 275px;background-color: aliceblue;background-image: url(./img/4.jpg);background-size: cover;}
	.e3{width: 450px;height: 100px;background-color: red;margin-left: 450px;margin-top: -375px;}
	.e4{width: 450px;height: 275px;margin-top: aliceblue;margin-left: 450px;background-image: url(./img/5.png);background-size: cover;}
	.e5{width: 450px;height: 100px;background-color: #CD5C5C;margin-left: 900px;margin-top: -375px;}
	.e6{width: 450px;height: 275px;margin-top: aliceblue;margin-left: 900px;background-image: url(./img/6.jpg);background-size: cover;}
	.f1{width: 450px;height: 100px;background-color: #CD5C5C;}
	.f2{width: 450px;height: 275px;background-color: aliceblue;background-image: url(./img/7.jpg);background-size: cover;}
	.f3{width: 450px;height: 100px;background-color: red;margin-left: 450px;margin-top: -375px;}
	.f4{width: 450px;height: 275px;margin-top: aliceblue;margin-left: 450px;background-image: url(./img/8.jpg);background-size: cover;}
	.f5{width: 450px;height: 100px;background-color: #CD5C5C;margin-left: 900px;margin-top: -375px;}
	.f6{width: 450px;height: 275px;margin-top: aliceblue;margin-left: 900px;background-image: url(./img/9.jpg);background-size: cover;}
</style>
<body>
	<div class="A1">
		<p align="center" id="q1">这里有很多你喜欢的小动物哦</p>
	</div>
    <nav>
        <div class="wrap">
            <ul class="level">
                <li><a href="#A" id="#A">首页</a></li>
                <li>
                    <a href="">Dog</a>
                    <ul class="two">
                        <li><a href="https://baike.baidu.com/item/%E9%9B%AA%E6%A9%87%E4%B8%89%E5%82%BB/19840834?fr=aladdin" target="_blank">雪地三傻</a></li>
                        <li><a href="https://baike.baidu.com/item/%E9%87%91%E6%AF%9B%E5%AF%BB%E5%9B%9E%E7%8A%AC?fromtitle=%E9%87%91%E6%AF%9B&fromid=303188" target="_blank">暖男金毛</a></li>
                        <li><a href="https://baike.baidu.com/item/%E6%9F%B4%E7%8A%AC/524441?fr=aladdin" target="_blank">可爱柴犬</a></li>
                    </ul>
                </li>
                <li>
                    <a href="">Cat</a>
                    <ul class="two">
                        <li><a href="https://baike.baidu.com/item/%E5%B8%83%E5%81%B6%E7%8C%AB/642121" target="_blank">布偶猫</a></li>
                        <li><a href="https://baike.baidu.com/item/%E6%B3%A2%E6%96%AF%E7%8C%AB/585" target="_blank">波斯猫</a></li>
                        <li><a href="https://baike.baidu.com/item/%E6%B1%A4%E5%A7%86/28277?fromtitle=TOM&fromid=15983483" target="_blank">Tom</a></li>
                    </ul>
                </li>
                <li>
                    <a href="">Bird</a>
                    <ul class="two">
                        <li><a href="https://baike.baidu.com/item/%E9%87%91%E4%B8%9D%E9%9B%80/22252" target="_blank">金丝雀</a></li>
                        <li><a href="https://baike.baidu.com/item/%E7%99%BE%E7%81%B5%E9%B8%9F/320511" target="_blank">百灵鸟</a></li>
                        <li><a href="https://baike.baidu.com/item/%E7%94%BB%E7%9C%89%E9%B8%9F/24580" target="_blank">画眉鸟</a></li>
						
                    </ul>
                </li>
                <li>
                    <a href="">Rabbit</a>
                    <ul class="two">
                        <li><a href="https://baike.baidu.com/item/%E8%8D%B7%E5%85%B0%E5%85%94" target="_blank">荷兰兔</a></li>
                        <li><a href="https://baike.baidu.com/item/%E6%B3%A2%E5%85%B0%E5%85%94" target="_blank">波兰兔</a></li>
                        <li>
							<a href="https://baike.baidu.com/item/%E8%BF%B7%E4%BD%A0%E5%9E%82%E8%80%B3%E5%85%94" target="_blank">迷你垂耳兔</a>
						</li>
                    </ul>
                </li>
                <li>
                    <a href="">Fish</a>
                    <ul class="two">
                        <li><a href="https://baike.baidu.com/item/%E9%87%91%E9%B1%BC/32862" target="_blank">gold Fish</a></li>
                        <li><a href="https://baike.baidu.com/item/%E9%94%A6%E9%B2%A4/311179" target="_blank">锦鲤</a></li>
                        <li><a href="https://baike.baidu.com/item/%E5%B0%8F%E4%B8%91%E9%B1%BC/2489" target="_blank">小丑鱼</a></li>
                    </ul>
                </li>
            </ul>
        </div>
    </nav>
	<div class="z1">
		<div class="x1">这里是小狗</div>
		<div class="c1">
			<p>雪橇三傻，是指哈士奇、阿拉斯加犬和萨摩耶这三种犬科动物，其中阿拉斯加犬是大傻，哈士奇二傻，萨摩耶三傻。作为雪橇犬，它们必须要有的一个特性就是对人类的友好和吃苦耐劳的筋骨，而且亲近人类。</p>
		</div>
		<div class="c2"></div>
		<div class="c3">
			<p>金毛寻回犬是最常见的家犬之一，它很容易养，有耐心并且对主人要求不多，对小孩子或者婴儿十分友善。金毛犬是位列世界犬种智商排行的第四名。</p>
		</div>
		<div class="c4"></div>
		<div class="c5">
			<p>柴犬是体型中等并且又最古老的犬。能为户主看家护院。其特别是对大型同类，并且不服输。草丛中的耗子、鸟都会是它的猎物及玩具。柴犬是日本国宝.</p>
		</div>
		<div class="c6"></div>
	</div>
	<div class="z2">
		<div class="x1">这里是小猫</div>
		<div class="b1">
			<p>布偶猫抱起来像软绵绵的布偶，而且对人非常友善。它性格大胆，不知道什么叫恐惧，而且对疼痛的忍耐性相当强，常被误认为缺乏疼痛感，因此很能容忍孩子的玩弄，是非常理想的家庭宠物</p>
		</div>
		<div class="b2"></div>
		<div class="b3">
			<p>波斯猫是最常见的长毛猫，波斯猫有一张讨人喜爱的面庞，长而华丽的背毛，优雅的举止，故有“猫中王子”、“王妃”之称，是世界上爱猫者最喜欢的纯种猫之一，占有极其重要的地位。</p>
		</div>
		<div class="b4"></div>
		<div class="b5">
			<p>汤姆（Tom）是米高梅公司制作的经典动画片《猫和老鼠》中的主角之一，70年代老动画中的著名卡通明星角色，是一只蓝灰和白色混合的英国短毛猫。</p>
		</div>
		<div class="b6"></div>
	</div>
	<div class="z3">
		<div class="x1">这里是小鸟</div>
		<div class="d1">
			<p>金丝雀又名芙蓉鸟、芙蓉、白玉、白玉鸟、玉鸟、白燕，是雀目科食谷类鸟。原产非洲西北海岸的加纳利、马狄拿、爱苏利兹等岛屿，是羽色和鸣叫兼优的笼养观赏鸟。</p>
		</div>
		<div class="d2"></div>
		<div class="d3">
			<p>百灵鸟是鸟纲雀形目百灵属的总称。是草原的代表性鸟类，属于小型鸣禽，往往边飞边鸣，由于飞得很高，人们往往只闻其声，不见其踪。</p>
		</div>
		<div class="d4"></div>
		<div class="d5">
			<p>画眉鸟栖息于山丘的灌丛和村落附近的灌丛或竹林中，机敏而胆怯，常在林下的草丛中觅食，不善作远距离飞翔。雄鸟在繁殖期常单独藏匿在杂草及树枝间极善鸣啭，声音十分洪亮，歌声悠扬婉转，非常动听，是有名的笼鸟。</p>
		</div>
		<div class="d6"></div>
		
	</div>
	<div class="z4">
		<div class="x1">这里是小兔</div>
		<div class="e1">
			<p>荷兰兔脸部有v字形的白色区块，延伸至下颔部位。荷兰兔具有高度想象空间的模样，使它成为欧、美、澳洲，非常流行的宠物兔。</p>
		</div>
		<div class="e2"></div>
		<div class="e3">
			<p>波兰兔体形特征 体重：小于1.6kg 是纯种兔中最娇小的，身圆头短，两只耳朵竖起及靠在一起，长度不过7.6cm，毛短及浓密。草食，比如红豆幼叶，大豆幼叶，小草幼叶，等等</p>
		</div>
		<div class="e4"></div>
		<div class="e5">
			<p>迷你垂耳兔原产于欧美地区，文静温和，体型小巧可爱，现多分布于英美地区。迷你垂耳兔和荷兰垂耳兔相似，但迷你垂耳兔的体格较粗壮、后腿较重和头较大。</p>
		</div>
		<div class="e6"></div>
	</div>
	<div class="z5">
		<div class="x1">这里是小鱼</div>
		<div class="f1">
			<p>金鱼(Carassiusauratus)又称金鲫鱼。鲤科鱼类，是由野生红黄色鲫鱼演化而来。远在晋朝就有“赤鳞鱼”—金鱼的文字记载，堪称中国的国粹。金鱼是世界著名三大观赏鱼类之一，发源于中国，至今已有1700多年历史。</p>
		</div>
		<div class="f2"></div>
		<div class="f3">
			<p>锦鲤（Cyprinus carpio haematopterus）在生物学上属于鲤科（Cyprinidae），全世界共有鲤科鱼类210属3700种以上。是风靡当今世界的一种高档观赏鱼，有“水中活宝石”、“会游泳的艺术品”的美称。</p>
		</div>
		<div class="f4"></div>
		<div class="f5">
			<p>丑鱼（学名：Amphiprioninae）是对雀鲷科海葵鱼亚科鱼类的俗称，因为脸上都有一条或两条白色条纹，好似京剧中的丑角而得名，是一种热带咸水鱼。已知有28种，一种来自棘颊雀鲷属（Premnas），其余来自双锯鱼属（Amphiprion）。</p>
		</div>
		<div class="f6"></div>
	</div>
</body>
</html>

